<template>
  <div class="connection">
    <div class="zzyimg"></div>
    <div class="connectionItme">
      <el-container>
        <el-header>
          <h2>联系我们</h2>
        </el-header>
        <el-main>
          <div class="mainitem">
            <ul>
              <li><strong>公司电话：13980972113</strong></li>
              <li><strong>公司邮箱：467713109@qq.com</strong></li>
              <li>
                <strong>公司地址:</strong>
                四川省青羊区光华北三路98号光华中心A座8楼803号
              </li>
              <li><strong>邮　　箱：467713109@qq.com</strong></li>
            </ul>
          </div>
        </el-main>
      </el-container>
    </div>
  </div>
</template>
<script>
export default {
  name: "connection",
  components: {},
  mounted() {},
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.connectionItme {
  width: 1400px;
  height: 100%;
  margin: auto;
  text-align: center;
}
.zzyimg {
  width: 100%;
  height: 580px;
}
.mainitem {
  margin: auto;
  height: 100%;
  margin: -30px auto auto;
  > ul {
    text-align: center;
    font-size: 20px;
    list-style: none;
  }
}
.mainitem > ul > li {
  width: 600px;
  margin: auto;
  margin-top: 10px;
  text-align: left;
}
.zzyimg {
  width: 100%;
  height: 500px;
  margin: auto;
  background: url("@/assets/images/ej.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
</style>
